  <template>
      <div class="edit-popup">
          <!-- <el-card class="!border-none" shadow="never">
              <el-page-header content="企业基础信息编辑" @back="$router.back()" />
          </el-card> -->
          <el-card class="mt-2 !border-none" shadow="never">
              <el-form ref="formRef" :model="formData" label-width="200px" :rules="formRules" :inline="true"
                  class="detailformEdit" :disabled="disabled">
                  <el-collapse v-model="activeNames">
                      <el-collapse-item title="基本信息" name="1">
                          <el-form-item label="客户名称" prop="clientId">
                              <el-input style="width: 330px" v-model="formData.clientId" placeholder="请输入客户名称" disabled />
                              <el-button type="primary"> 选择 </el-button>
                          </el-form-item>
                          <el-form-item label="注册时间" prop="registerTime">
                              <el-date-picker class="flex-1 !flex" v-model="formData.registerTime" placeholder="请输入注册时间"
                                  type="datetime" clearable value-format="YYYY-MM-DD hh:mm:ss" />
                          </el-form-item>
                          <el-form-item label="注册资金" prop="registerMoney">
                              <el-input v-model="formData.registerMoney" placeholder="请输入注册资金" />
                          </el-form-item>
                          <el-form-item label="注册类型" prop="registerType">
                              <el-select class="flex-1" v-model="formData.registerType" placeholder="请选择注册类型">
                                  <el-option label="类型1" value="1" />
                                  <el-option label="类型2" value="2" />
                                  <el-option label="类型3" value="3" />
                              </el-select>
                          </el-form-item>
                          <el-form-item label="单位网址" prop="unitWebsite">
                              <el-input v-model="formData.unitWebsite" placeholder="请输入单位网址" />
                          </el-form-item>
                          <el-form-item label="单位负责人名称" prop="headOfUnitName">
                              <el-input v-model="formData.headOfUnitName" placeholder="请输入单位负责人名称" />
                          </el-form-item>
                          <el-form-item label="单位负责人性别" prop="headOfUnitSex">
                              <el-radio-group v-model="formData.headOfUnitSex">
                                  <el-radio border label="男"></el-radio>
                                  <el-radio border label="女"></el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item label="单位负责人手机" prop="headOfUnitPhone">
                              <el-input v-model="formData.headOfUnitPhone" placeholder="请输入单位负责人手机" />
                          </el-form-item>
                          <el-form-item label="单位负责人电话" prop="headOfUnitNumber">
                              <el-input v-model="formData.headOfUnitNumber" placeholder="请输入单位负责人电话" />
                          </el-form-item>
                          <el-form-item label="单位负责人职务" prop="headOfUnitPost">
                              <el-input v-model="formData.headOfUnitPost" placeholder="请输入单位负责人职务" />
                          </el-form-item>
                          <el-form-item label="单位负责人邮箱" prop="headOfUnitEmail">
                              <el-input v-model="formData.headOfUnitEmail" placeholder="请输入单位负责人邮箱" />
                          </el-form-item>
                          <el-form-item label="公司主营产品（服务）" prop="mainProducts">
                              <el-input v-model="formData.mainProducts" placeholder="请输入公司主营产品（服务）" />
                          </el-form-item>
                          <el-form-item label="主营业务所属技术领域" style="width: 1336px"
                              prop="mainBusinessBelongs"><el-checkbox-group v-model="formData.mainBusinessBelongs">
                                  <el-checkbox border label="电子信息技术"></el-checkbox>
                                  <el-checkbox border label="生物与新医药技术"></el-checkbox>
                                  <el-checkbox border label="航空航天技术"></el-checkbox>
                                  <el-checkbox border label="新材料技术"></el-checkbox>
                                  <el-checkbox border label="高技术服务业"></el-checkbox>
                                  <el-checkbox border label="新能源及节能技术"></el-checkbox>
                                  <el-checkbox border label="资源与环境技术"></el-checkbox>
                                  <el-checkbox border label="先进制造与自动化"></el-checkbox>
                                  <el-checkbox border label="其它"></el-checkbox>
                              </el-checkbox-group>
                          </el-form-item>
                          <el-form-item label="上游产品" prop="upstreamProducts">
                              <el-input v-model="formData.upstreamProducts" placeholder="请输入上游产品" />
                          </el-form-item>
                          <el-form-item label="下游产品" prop="downstreamProducts">
                              <el-input v-model="formData.downstreamProducts" placeholder="请输入下游产品" />
                          </el-form-item>
                          <el-form-item label="规上企业入库备案" prop="isStorageForRecord">
                              <el-radio-group v-model="formData.isStorageForRecord">
                                  <el-radio border label="是"></el-radio>
                                  <el-radio border label="否"></el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item label="研发费用加计扣除" prop="isAdditionalDeduction">
                              <el-radio-group v-model="formData.isAdditionalDeduction">
                                  <el-radio border label="是"></el-radio>
                                  <el-radio border label="否"></el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item label="是否园区或基地注册" prop="isParkRegistration">
                              <el-radio-group v-model="formData.isParkRegistration">
                                  <el-radio border label="是"></el-radio>
                                  <el-radio border label="否"></el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item label="园区或基地名称" prop="parkRegistrationName">
                              <el-input v-model="formData.parkRegistrationName" placeholder="请输入园区或基地名称" />
                          </el-form-item>
                          <el-form-item label="是否建有博士科研工作站" prop="isDoctoralResearchStation">
                              <el-radio-group v-model="formData.isDoctoralResearchStation">
                                  <el-radio border label="是"></el-radio>
                                  <el-radio border label="否"></el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item label="进站博士(生)" prop="doctorPitStop">
                              <el-input v-model="formData.doctorPitStop" placeholder="请输入进站博士(生)" />
                          </el-form-item>
                          <el-form-item label="设备固定资产总额" prop="totalEquipment">
                              <el-input v-model="formData.totalEquipment" placeholder="请输入设备固定资产总额（万元）" />
                          </el-form-item>
                          <el-form-item label="新增生产设备投入总额" prop="futureTotal">
                              <el-input v-model="formData.futureTotal" placeholder="请输入未来1-3年计划新增生产设备投入总额（万元）" />
                          </el-form-item>
                          <el-form-item label="信息化软件投入具体" prop="ofInvestmentBeSpecific" style="width: 1336px">
                              <el-checkbox-group v-model="formData.ofInvestmentBeSpecific">
                                  <el-checkbox border label="研发设计CAX"></el-checkbox>
                                  <el-checkbox border label="生产制造CAM"></el-checkbox>
                                  <el-checkbox border label="经营管理ERP/OA"></el-checkbox>
                                  <el-checkbox border label="运维服务CRM"></el-checkbox>
                                  <el-checkbox border label="供应链管理SRM"></el-checkbox>
                                  <el-checkbox border label="其他"></el-checkbox>
                              </el-checkbox-group>
                          </el-form-item>
                          <el-form-item label="信息化软件投入金额" prop="amountOfInvestment">
                              <el-input v-model="formData.amountOfInvestment" placeholder="请输入信息化软件投入金额" />
                          </el-form-item>

                          <el-form-item label="信息化软件投入其他" prop="ofInvestmentOthers">
                              <el-input v-model="formData.ofInvestmentOthers" placeholder="请输入信息化软件投入其他" />
                          </el-form-item>
                          <el-form-item label="业务系统是否向云端迁移" prop="isCloudMigration">
                              <el-radio-group v-model="formData.isCloudMigration">
                                  <el-radio border label="是"></el-radio>
                                  <el-radio border label="否"></el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item label="是否拥有制造业与互联网试点示范项目" prop="isDemonstrationProject">
                              <el-radio-group v-model="formData.isDemonstrationProject">
                                  <el-radio border label="是"></el-radio>
                                  <el-radio border label="否"></el-radio></el-radio-group>
                          </el-form-item>
                          <el-form-item label="土地建设" prop="constructionOfLand">
                              <el-input v-model="formData.constructionOfLand" placeholder="请输入土地建设" />
                          </el-form-item>
                          <el-form-item style="width: 1336px" label="上市情况" prop="listingStatus">
                              <el-radio-group v-model="formData.listingStatus" placeholder="请选择上市情况">
                                  <el-radio border label="0">无上市情况</el-radio>
                                  <el-radio border label="0">有上市情况</el-radio>
                                  <el-radio border label="0">已上市</el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item style="width: 1336px" label="上市进程" prop="goToMarketProcess">
                              <el-radio-group v-model="formData.goToMarketProcess" placeholder="请选择上市情况">
                                  <el-radio border label="0">未进行上市前股改</el-radio>
                                  <el-radio border label="1">已完成上市前股改</el-radio>
                                  <el-radio border label="2">已提交上市申请</el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item style="width: 1336px" label="拟上市地" prop="placeOfListing">
                              <el-radio-group v-model="formData.listingStatus" placeholder="请选择上市情况">
                                  <el-radio border label="0">上交所 主 板</el-radio>
                                  <el-radio border label="1">上交所 科创板</el-radio>
                                  <el-radio border label="2">深交所 主 板</el-radio>
                                  <el-radio border label="0">深交所 创业板</el-radio>
                                  <el-radio border label="1">北交所</el-radio>
                                  <el-radio border label="2">境外</el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item label="融资需求额" prop="amountOfFinancingNeed">
                              <el-input v-model="formData.amountOfFinancingNeed" placeholder="请输入融资需求额" />
                          </el-form-item>
                          <el-form-item label="计划融资方式" style="width: 1336px" prop="plannedFinancingMethod">
                              <el-radio-group v-model="formData.listingStatus" placeholder="请选择上市情况">
                                  <el-radio border label="0">银行贷款</el-radio>
                                  <el-radio border label="1">股权融资</el-radio>
                                  <el-radio border label="2">债券融资</el-radio>
                                  <el-radio border label="0">上市融资</el-radio>
                                  <el-radio border label="1">其他</el-radio>
                              </el-radio-group>
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="近三年财务状况（万元）" name="2">
                          <lastThreeYearsFinancialStatus></lastThreeYearsFinancialStatus>
                      </el-collapse-item>
                      <el-collapse-item title="本单位人员情况" name="3">
                          <el-form-item label="职工总数（上年月平均人数）" prop="totalNumber">
                              <el-input v-model="formData.totalNumber" placeholder="请输入职工总数（上年月平均人数）" />
                          </el-form-item>
                          <el-form-item label="社保" prop="socialSecurity">
                              <el-input v-model="formData.socialSecurity" placeholder="请输入社保" />
                          </el-form-item>
                          <el-form-item label="个税" prop="personalIncomeTax">
                              <el-input v-model="formData.personalIncomeTax" placeholder="请输入个税" />
                          </el-form-item>
                          <el-form-item label="直接从事研发人员数" prop="personnelNumber">
                              <el-input v-model="formData.personnelNumber" placeholder="请输入直接从事研发人员数" />
                          </el-form-item>
                          <el-form-item label="博士" prop="phd">
                              <el-input v-model="formData.phd" placeholder="请输入博士" />
                          </el-form-item>
                          <el-form-item label="硕士" prop="master">
                              <el-input v-model="formData.master" placeholder="请输入硕士" />
                          </el-form-item>
                          <el-form-item label="博士（理工科）" prop="phdLg">
                              <el-input v-model="formData.phdLg" placeholder="请输入博士（理工科）" />
                          </el-form-item>
                          <el-form-item label="硕士（理工科）" prop="masterLg">
                              <el-input v-model="formData.masterLg" placeholder="请输入硕士（理工科）" />
                          </el-form-item>
                          <el-form-item label="本科" prop="undergraduate">
                              <el-input v-model="formData.undergraduate" placeholder="请输入本科" />
                          </el-form-item>
                          <el-form-item label="专科" prop="specialistDepartment">
                              <el-input v-model="formData.specialistDepartment" placeholder="请输入专科" />
                          </el-form-item>
                          <el-form-item label="本科（理工科）" prop="undergraduateLg">
                              <el-input v-model="formData.undergraduateLg" placeholder="请输入本科（理工科）" />
                          </el-form-item>
                          <el-form-item label="专科（理工科）" prop="specialistDepartmentLg">
                              <el-input v-model="formData.specialistDepartmentLg" placeholder="请输入专科（理工科）" />
                          </el-form-item>
                          <el-form-item label="高级职称" prop="seniorProfessionaTitle">
                              <el-input v-model="formData.seniorProfessionaTitle" placeholder="请输入高级职称" />
                          </el-form-item>
                          <el-form-item label="中级职称" prop="intermediateProfessionalTitle">
                              <el-input v-model="formData.intermediateProfessionalTitle" placeholder="请输入中级职称" />
                          </el-form-item>
                          <el-form-item label="初级职称" prop="juniorProfessionalTitle">
                              <el-input v-model="formData.juniorProfessionalTitle" placeholder="请输入初级职称" />
                          </el-form-item>
                          <el-form-item label="留学归国" prop="returnFromStudyAbroad">
                              <el-input v-model="formData.returnFromStudyAbroad" placeholder="请输入留学归国" />
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="本单位拥有知识产权情况（单位：项）" name="5">
                          <IntellectualPropertySituation></IntellectualPropertySituation>
                          <el-form-item style="width: 1330px; margin-top: 20px" label="专利运营情况" prop="assetLiabilityRatio">
                              <el-checkbox-group v-model="formData.listingStatus" placeholder="请选择专利运营情况">
                                  <el-checkbox border label="0">专利转移转让</el-checkbox>
                                  <el-checkbox border label="1">专利质押融资</el-checkbox>
                                  <el-checkbox border label="2">专利许可</el-checkbox>
                                  <el-checkbox border label="0">专利无形资产作价入股</el-checkbox>
                              </el-checkbox-group>
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="本单位标准制定及参标情况" name="6">
                          <el-form-item label="国际、国家、行业标准总数" prop="undergraduateLg">
                              <el-input v-model="formData.undergraduateLg" placeholder="请输入国际、国家、行业标准总数">
                                  <template #append>项</template></el-input>
                          </el-form-item>
                          <el-form-item label="国际标准" prop="specialistDepartmentLg">
                              <el-input v-model="formData.undergraduateLg" placeholder="请输入国际标准">
                                  <template #append>项</template></el-input>
                          </el-form-item>
                          <el-form-item label="国家标准" prop="specialistDepartmentLg">
                              <el-input v-model="formData.undergraduateLg" placeholder="请输入国家标准">
                                  <template #append>项</template></el-input>
                          </el-form-item>
                          <el-form-item label="行业标准" prop="specialistDepartmentLg">
                              <el-input v-model="formData.undergraduateLg" placeholder="请输入行业标准">
                                  <template #append>项</template></el-input>
                          </el-form-item>
                          <el-form-item style="width: 1210px" label="名称（请填写代表标准）" prop="assetLiabilityRatio">
                              <el-input placeholder="" type="textarea"></el-input>
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="本单位获得的管理体系认证情况" name="7">
                          <el-form-item style="width: 1230px" label="" prop="assetLiabilityRatio">
                              <el-checkbox-group v-model="formData.mainBusinessBelongs">
                                  <el-checkbox border label="ISO9000质量管理体系认证"></el-checkbox>
                                  <el-checkbox border label="ISO14000环境管理体系认证"></el-checkbox>
                                  <el-checkbox border label="OHSAS18000职业安全健康管理体系认证"></el-checkbox>
                                  <el-checkbox border label="GB/T29490-2023企业知识产权合规管理体系要求认证"></el-checkbox>
                                  <el-checkbox border label="其他"></el-checkbox>
                              </el-checkbox-group>
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="产品获得发达国家或地区权威机构认证情况" name="8">
                          <el-form-item style="width: 1230px" label="" prop="assetLiabilityRatio">
                              <el-checkbox-group v-model="formData.mainBusinessBelongs">
                                  <el-checkbox border label="UL"></el-checkbox>
                                  <el-checkbox border label="CSA"></el-checkbox>
                                  <el-checkbox border label="ETL"></el-checkbox>
                                  <el-checkbox border label="GS"></el-checkbox>
                                  <el-checkbox border label="其他"></el-checkbox>
                              </el-checkbox-group>
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="往年申请项目情况（已通过）" name="4">
                          <el-form-item style="width: 1230px" label="" prop="assetLiabilityRatio">
                              <el-checkbox-group v-model="formData.mainBusinessBelongs">
                                  <el-checkbox border label="高新技术企业认定"></el-checkbox>
                                  <el-checkbox border label="双软认定"></el-checkbox>
                                  <el-checkbox border label="科技计划"></el-checkbox>
                                  <el-checkbox border label="专精特新中小企业"></el-checkbox>
                                  <el-checkbox border label="研发机构建设"></el-checkbox>
                                  <el-checkbox border label="科技成果鉴定"></el-checkbox>
                                  <el-checkbox border label="小巨人认定"></el-checkbox>
                                  <el-checkbox border label="工程技术研究中心（"></el-checkbox>
                                  <el-checkbox border label="国家/省科学技术奖"></el-checkbox>
                                  <el-checkbox border label="单项冠军"></el-checkbox>
                                  <el-checkbox border label="企业技术中心"></el-checkbox>
                                  <el-checkbox border label="新型研发机构建设"></el-checkbox>
                                  <el-checkbox border label="省知识产权示范"></el-checkbox>
                                  <el-checkbox border label="国家/省科学技术奖"></el-checkbox>
                                  <el-checkbox border label="国家知识产权优势/示范"></el-checkbox>
                                  <el-checkbox border label="国家/省专利奖"></el-checkbox>
                                  <el-checkbox border label="绿色工厂"></el-checkbox>
                                  <el-checkbox border label="质量标杆"></el-checkbox>
                                  <el-checkbox border label="智能制造试点示范企业"></el-checkbox>
                                  <el-checkbox border label="工业企业知识产权运用试点企业"></el-checkbox>
                                  <el-checkbox border label="近三年进入创客中国中小企业创新创业大赛全国50强企业组"></el-checkbox>
                                  <el-checkbox border label="《产业基础领域先进技术产品转化应用目录》"></el-checkbox>
                                  <el-checkbox border label="是否享受过国家首台（套）重大技术装备保险补偿试点政策"></el-checkbox>
                                  <el-checkbox border label="其他"></el-checkbox>
                              </el-checkbox-group>
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="单位主要产学研合作情况" name="9">
                          <el-form-item style="width: 1230px" label="" prop="assetLiabilityRatio">
                              <el-radio-group v-model="formData.mainBusinessBelongs">
                                  <el-radio border label="是"></el-radio>
                                  <el-radio border label="否"></el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item style="width: 1230px" label="" prop="assetLiabilityRatio">
                              <el-input placeholder="请输入具体院校及年份" type="textarea"></el-input>
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="单位研发机构建设情况" name="10">
                          <div style="display: flex; border: 1px solid #f2f2f2">
                              <div class="namebox">
                                  <span style="white-space: nowrap">技术研究员</span>
                              </div>
                              <el-form-item style="width: 1230px" label="" prop="specialistDepartmentLg">
                                  <el-checkbox-group style="margin: 20px 0 0 10px" v-model="formData.mainBusinessBelongs">
                                      <el-checkbox border label="国家级">
                                          国家级<el-input style="display: inline" v-model="formData.undergraduateLg"
                                              placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                      <el-checkbox border label="省级">省级
                                          <el-input style="display: inline" v-model="formData.undergraduateLg"
                                              placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                      <el-checkbox border label="自建">自建
                                          <el-input style="display: inline" v-model="formData.undergraduateLg"
                                              placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                  </el-checkbox-group>
                              </el-form-item>
                          </div>
                          <div style="display: flex; border: 1px solid #f2f2f2">
                              <div class="namebox">
                                  <span style="white-space: nowrap">企业技术中心</span>
                              </div>
                              <el-form-item style="width: 1230px" label="" prop="specialistDepartmentLg">
                                  <el-checkbox-group style="margin: 20px 0 0 10px" v-model="formData.mainBusinessBelongs">
                                      <el-checkbox style="text-align: center" border label="国家级">
                                          国家级
                                          <el-input style="display: inline" v-model="formData.undergraduateLg"
                                              placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>

                                      <el-checkbox border label="省级">省级<el-input style="display: inline"
                                              v-model="formData.undergraduateLg" placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                      <el-checkbox border label="自建">自建<el-input style="display: inline"
                                              v-model="formData.undergraduateLg" placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                  </el-checkbox-group>
                              </el-form-item>
                          </div>
                          <div style="display: flex; border: 1px solid #f2f2f2">
                              <div class="namebox">
                                  <span style="white-space: nowrap">企业工程中心</span>
                              </div>
                              <el-form-item style="width: 1230px" label="" prop="specialistDepartmentLg">
                                  <el-checkbox-group style="margin: 20px 0 0 10px" v-model="formData.mainBusinessBelongs">
                                      <el-checkbox style="text-align: center" border label="国家级">
                                          国家级
                                          <el-input style="display: inline" v-model="formData.undergraduateLg"
                                              placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>

                                      <el-checkbox border label="省级">省级<el-input style="display: inline"
                                              v-model="formData.undergraduateLg" placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                      <el-checkbox border label="自建">自建<el-input style="display: inline"
                                              v-model="formData.undergraduateLg" placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                  </el-checkbox-group>
                              </el-form-item>
                          </div>
                          <div style="display: flex; border: 1px solid #f2f2f2">
                              <div class="namebox">
                                  <span style="white-space: nowrap">工业设计中心</span>
                              </div>
                              <el-form-item style="width: 1230px" label="" prop="specialistDepartmentLg">
                                  <el-checkbox-group style="margin: 20px 0 0 10px" v-model="formData.mainBusinessBelongs">
                                      <el-checkbox style="text-align: center" border label="国家级">
                                          国家级
                                          <el-input style="display: inline" v-model="formData.undergraduateLg"
                                              placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>

                                      <el-checkbox border label="省级">省级<el-input style="display: inline"
                                              v-model="formData.undergraduateLg" placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                      <el-checkbox border label="自建">自建<el-input style="display: inline"
                                              v-model="formData.undergraduateLg" placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                  </el-checkbox-group>
                              </el-form-item>
                          </div>
                          <div style="display: flex; border: 1px solid #f2f2f2">
                              <div class="namebox">
                                  <span style="white-space: nowrap">重点实验室</span>
                              </div>
                              <el-form-item style="width: 1230px" label="" prop="specialistDepartmentLg">
                                  <el-checkbox-group style="margin: 20px 0 0 10px" v-model="formData.mainBusinessBelongs">
                                      <el-checkbox style="text-align: center" border label="国家级">
                                          国家级
                                          <el-input style="display: inline" v-model="formData.undergraduateLg"
                                              placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>

                                      <el-checkbox border label="省级">省级<el-input style="display: inline"
                                              v-model="formData.undergraduateLg" placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                      <el-checkbox border label="自建">自建<el-input style="display: inline"
                                              v-model="formData.undergraduateLg" placeholder="">
                                              <template #append>个</template></el-input></el-checkbox>
                                  </el-checkbox-group>
                              </el-form-item>
                          </div>
                          <div style="display: flex; border: 1px solid #f2f2f2">
                              <div class="namebox">
                                  <span style="white-space: nowrap">院士专家工作站</span>
                              </div>
                              <el-form-item style="width: 1230px" label="" prop="specialistDepartmentLg">
                                  <el-checkbox-group style="margin: 20px 0 0 10px" v-model="formData.mainBusinessBelongs">
                                      <el-checkbox border label="有"> </el-checkbox>
                                      <el-checkbox border label="无"> </el-checkbox>
                                  </el-checkbox-group>
                              </el-form-item>
                          </div>
                          <div style="display: flex; border: 1px solid #f2f2f2">
                              <div class="namebox">
                                  <span style="white-space: nowrap">博士后工作站</span>
                              </div>
                              <el-form-item style="width: 1230px" label="" prop="specialistDepartmentLg">
                                  <el-checkbox-group style="margin: 20px 0 0 10px" v-model="formData.mainBusinessBelongs">
                                      <el-checkbox border label="有"> </el-checkbox>
                                      <el-checkbox border label="无"> </el-checkbox>
                                  </el-checkbox-group>
                              </el-form-item>
                          </div>
                      </el-collapse-item>
                      <el-collapse-item title="具体建设情况" name="11">
                          <el-form-item label="研发机构名称" prop="undergraduateLg">
                              <el-input v-model="formData.undergraduateLg" placeholder="请输入研发机构名称" />
                          </el-form-item>
                          <el-form-item label="认定情况" prop="specialistDepartmentLg">
                              <el-checkbox-group v-model="formData.mainBusinessBelongs">
                                  <el-checkbox border label="是"></el-checkbox>
                                  <el-checkbox border label="否"></el-checkbox>
                              </el-checkbox-group>
                          </el-form-item>
                          <el-form-item label="成立年份" prop="seniorProfessionaTitle">
                              <el-input v-model="formData.seniorProfessionaTitle" placeholder="请输入成立年份" />
                          </el-form-item>
                          <el-form-item label="研发设备仪器情况（万元）" prop="intermediateProfessionalTitle">
                              <el-input v-model="formData.intermediateProfessionalTitle" placeholder="请输入研发设备仪器情况（万元）" />
                          </el-form-item>
                          <el-form-item label="研发场所面积(平方米)" prop="juniorProfessionalTitle">
                              <el-input v-model="formData.juniorProfessionalTitle" placeholder="请输入研发场所面积(平方米)" />
                          </el-form-item>
                          <el-form-item label="研发人员情况（人数）" prop="returnFromStudyAbroad">
                              <el-input v-model="formData.returnFromStudyAbroad" placeholder="请输入研发人员情况（人数）" />
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="主导产品是否为国内外知名大企业直接配套" name="12"><el-form-item style="width: 1230px" label=""
                              prop="assetLiabilityRatio">
                              <el-radio-group v-model="formData.mainBusinessBelongs">
                                  <el-radio border label="否"></el-radio>
                                  <el-radio border label="是 如是，请填写"></el-radio>
                              </el-radio-group>
                          </el-form-item>
                          <el-form-item style="width: 1230px" label="" prop="assetLiabilityRatio">
                              <el-input placeholder="" type="textarea"></el-input>
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="行业领军企业" name="13">
                          <el-form-item style="width: 1230px" label="" prop="assetLiabilityRatio">
                              <el-input placeholder="" type="textarea"></el-input>
                          </el-form-item>
                      </el-collapse-item>
                      <el-collapse-item title="违规违法行为及失信情况" name="14">
                          <el-form-item label="" prop="specialistDepartmentLg">
                              <el-checkbox-group v-model="formData.mainBusinessBelongs">
                                  <el-checkbox border label="近3年无不良信用记录；"></el-checkbox>
                                  <el-checkbox border label="未产生损害国家利益和人民利益的行为；"></el-checkbox>
                                  <el-checkbox border label="未被列入经营异常名单或严重失信主体名单；"></el-checkbox>
                                  <el-checkbox border
                                      label="未发生重大安全（含网络安全、数据安全、安全保密）、质量、环境污染等事故以及重大税收违法失信、数据造假等违法违规行为；"></el-checkbox>
                              </el-checkbox-group>
                          </el-form-item>
                      </el-collapse-item>
                  </el-collapse>
              </el-form>
          </el-card>
          <footer-btns>
              <el-button type="primary" @click="handleSubmit">保存</el-button>
              <el-button @click="handleClose">取消</el-button>
          </footer-btns>
      </div>
  </template>
  <script lang="ts" setup>
  import feedback from '@/utils/feedback'
  import { useDictOptions } from '@/hooks/useDictOptions'
  import type { FormInstance } from 'element-plus'
  import { detailEdit, detailAdd, detailDetail } from '@/api/clientdetail'
  import useMultipleTabs from '@/hooks/useMultipleTabs'
  import Popup from '@/components/popup/index.vue'
  import lastThreeYearsFinancialStatus from '@/views/client/clientPortrait/enterpriseBasicInformation/lastThreeYearsFinancialStatus/index.vue'
  import IntellectualPropertySituation from '@/views/client/clientPortrait/enterpriseBasicInformation/IntellectualPropertySituation/index.vue'

  const handleClick = () => { }
  const emit = defineEmits(['success', 'close'])
  const activeNames = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14']
  const route = useRoute()
  const router = useRouter()
  const finance = ref([
      { year: '2021年' },
      { year: '2022年' },
      { year: '2023年' },
      { year: '增长率%' }
  ])
  const financetwo = ref([{ year: '2021年' }, { year: '2022年' }, { year: '2023年' }])
  const formData = reactive({
      id: '',
      clientId: '',
      registerTime: '',
      registerMoney: '',
      registerType: '',
      unitWebsite: '',
      year: '1',
      headOfUnitName: '',
      headOfUnitSex: '',
      headOfUnitPhone: '',
      headOfUnitNumber: '',
      headOfUnitPost: '',
      headOfUnitEmail: '',
      mainProducts: '',
      mainBusinessBelongs: [],
      upstreamProducts: '',
      downstreamProducts: '',
      isStorageForRecord: '',
      isAdditionalDeduction: '',
      isParkRegistration: '',
      parkRegistrationName: '',
      isDoctoralResearchStation: '',
      doctorPitStop: '',
      totalEquipment: '',
      futureTotal: '',
      amountOfInvestment: '',
      ofInvestmentBeSpecific: '',
      ofInvestmentOthers: '',
      isCloudMigration: '',
      isDemonstrationProject: '',
      constructionOfLand: '',
      listingStatus: '',
      goToMarketProcess: '',
      placeOfListing: '',
      amountOfFinancingNeed: '',
      plannedFinancingMethod: '',
      revenueFromSales: '',
      totalAssets: '',
      netWorth: '',
      netProfit: '',
      netProfitMargin: '',
      totalLiabilities: '',
      researchAndDevelopmentExpenses: '',
      proportion: '',
      amountOfTaxPaid: '',
      assetLiabilityRatio: '',
      bankLoan: '',
      volumeOfExports: '',
      totalNumber: '',
      socialSecurity: '',
      personalIncomeTax: '',
      personnelNumber: '',
      phd: '',
      master: '',
      phdLg: '',
      masterLg: '',
      undergraduate: '',
      specialistDepartment: '',
      undergraduateLg: '',
      specialistDepartmentLg: '',
      seniorProfessionaTitle: '',
      intermediateProfessionalTitle: '',
      juniorProfessionalTitle: '',
      returnFromStudyAbroad: '',
      productName: '',
      annualOutputValue: ''
  })

  const formRules = {}

  const { removeTab } = useMultipleTabs()
  const formRef = shallowRef<FormInstance>()
  const handleSubmit = async () => {
      await formRef.value?.validate()
      const data: any = { ...formData }
      if (route.query.id) {
          await detailEdit(data)
      } else {
          await detailAdd(data)
      }
      feedback.msgSuccess('操作成功')
      emit('success')
      removeTab()
      router.back()
  }

  const setFormData = async (data: Record<string, any>) => {
      for (const key in formData) {
          if (data[key] != null && data[key] != undefined) {
              //@ts-ignore
              formData[key] = data[key]
          }
      }
  }

  const getDetail = async () => {
      const data = await detailDetail({
          id: route.query.id
      })
      setFormData(data)
  }

  route.query.id && getDetail()

  const disabled = ref(false)

  const disabledAll = async () => {
      disabled.value = true
      getDetail()
  }

  route.query.type == 'check' && disabledAll()

  const handleClose = () => {
      emit('close')
  }
  </script>

  <style scoped>
  .detailformEdit .el-form-item {
      width: 590px;
  }

  ::v-deep .el-collapse-item__header {
    padding-left: 54px;
    background-color: var(--el-bg-color-collapse);
    font-size: 16px;
    font-weight: 600;
    color: var(--el-text-color-collapse);
  }

  /*
  .el-collapse-item__content {
      padding-left: 54px;
  } */

  ::v-deep .el-collapse-item__wrap {
      padding-top: 20px;
  }

  .el-checkbox.is-bordered {
      margin-bottom: 10px;
  }

  .namebox {
      padding: 10px 10px;
      min-width: 175px;
      background-color: var(--el-bg-color-collapse);
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .el-checkbox__label {
      line-height: 2.3;
  }
  </style>
